﻿@model equinoxWeb.Models.Archivo
@{
    ViewBag.Title = "Lista de archivos";
    Layout = (ViewBag.esCliente != null && ViewBag.esCliente ? "~/Views/Shared/_ClienteLayout.cshtml" : "~/Views/Shared/_Layout.cshtml");
}
@using equinoxWeb.Models;
<!-- content -->
<script>
    function addFile() {
        var htmlFileInput = '<div class="form-group">' +
            '<div class="col-md-6 col-sm-12">' +
                '<input type="file" name="archivo" class="form-control">' +
            '</div>' +
        '</div>';
        $("#subirArchivo > :last-child").before(htmlFileInput);
    }
</script>
<form class="form-horizontal" id="subirArchivo" name="subirArchivo" method="post" enctype="multipart/form-data">
    <fieldset>
        <legend>@(ViewBag.lang==null || ViewBag.lang == "ES" ? "Subir Archivo":"Upload file")</legend>
    </fieldset>
        @Html.HiddenFor(model => model.IdCaso)
        <div class="form-group">
            <div class="col-md-6 col-sm-12">
                <input type="file" id="archivo" name="archivo" class="form-control">
            </div>
            <label class="col-md-6 col-sm-12 control-label" for="Inspector">@(ViewBag.lang==null || ViewBag.lang == "ES" ? "Tamaño máximo":"Maximum size") 10 MB</label>
        </div>
        <div class="form-group">
            <div class="col-md-3 col-sm-6">
                <a style="color:white;text-decoration:underline" onclick="javascript:addFile()" href="#">Select another file</a><br/><br/>
                <button type="submit" class="btn btn-large btn-primary">@(ViewBag.lang==null || ViewBag.lang == "ES" ? "Subir":"Upload")</button>&nbsp;
                <button type="button" class="btn btn-large" onclick="javascript:history.back();">@(ViewBag.lang==null || ViewBag.lang == "ES" ? "Atras":"Back")</button>
            </div>
        </div>
</form>
<div>
    <h3 style="color:white">@(ViewBag.lang==null || ViewBag.lang == "ES" ? "Lista de Archivos":"File list")</h3>
    <div class="table-responsive">
        <table class="table table-hover" style="width:50%;">
            <thead>
                <tr>
                    <th>@(ViewBag.lang==null || ViewBag.lang == "ES" ? "Nombre del Archivo":"File name")</th>
                    <th colspan="2">@(ViewBag.lang==null || ViewBag.lang == "ES" ? "Acciones":"Actions")</th>
                </tr>
            </thead>
            <tbody>
                @foreach (Archivo archivo in ViewBag.listaArchivos)
                {
                    <tr>
                        <td>@archivo.Nombre</td>
                        <td><a href="@archivo.Ruta" class="glyphicon glyphicon-save"></a>
                        <a idarchivo="@archivo.Id" class="glyphicon glyphicon-remove"></a></td>
                    </tr>
                }
            </tbody>
        </table>
    </div>
</div>



<!-- / content -->
<script>
    $(document).ready(function () {
        $(".glyphicon-remove").click(function () {
            var aceptar = confirm("¿Está seguro que desea eliminar este archivo? Esta opción no se puede deshacer.");
            if (!aceptar) return;
            var obj= {
                "idarchivo" : parseInt($(this).attr("idarchivo"))
            };
            $.ajax({
                type: "POST",
                data: JSON.stringify(obj),
                contentType: "application/json; charset=utf-8",
                url: "eliminar",
                success: function (data) {
                    location.reload(true);
                }
            });
        });
    });
</script>